{%extend name="Public:layout"/%}

   {%block name="title"%}
   <h2 class="mb20">
      用户管理
    </h2>
   {%/block%}   
      
   {%block name="contents"%} 
    <div class="heading clearfix">     
      <div class="pull-left">
        <form class="form-inline" onsubmit="return false;" stverify="true" method="get" action="">
          <select class="st-dropdown" name="groupM_id">
            <option value="0">所有</option>
           {%notempty name="groupAllList"%}
            {%foreach name="groupAllList" item="vo"%}            
            <option value="{%$vo.id%}" 
                 {%if condition="$groupM_id eq $vo['id']" %} selected {%/if%}>{%$vo.name%}</option>
            {%/foreach%}
           {%/notempty%}
          </select>
            
          <select class="st-dropdown" name="groupM_status"  >
            <option value="99" {%if condition="$groupM_status eq 99" %} selected {%/if%}>所有</option>       
            <option value="1"  {%if condition="$groupM_status eq 1" %} selected {%/if%}>生效</option>
            <option value="0"  {%if condition="$groupM_status eq 0" %} selected {%/if%}>停用</option>
          
          </select>
          <input type="submit" class="btn" value="搜索">
        </form>
      </div>
      <div class="pull-right">
        <a title="添加角色" href="javascript:;" onclick="ST.todo('add','0')" class="btn mr5"><i class="icon i-add"></i> 添加用户</a>
      </div>
    </div>
    <table class="table table-listing table-hovered">
      <thead class="thead-gray">
      <tr>
        <th>编号</th>
        <th>用户名称</th>
        <th>所在用户组</th>
        <th>状态</th>
        <th>用户说明</th>
        <th>管理</th>
      </tr>
      </thead>
      <tbody>
    {%notempty name="list"%}
      {%foreach name="list" item="vo" %}
      <tr>
        <td>{%$vo.id%}</td>
        <td>
          {%$vo.username%}
        </td>
        <td>
          {%$vo.groupName%}
        </td>
        <td>{%if condition="($vo['dostatus'] eq 1)"%}<span class="text-green">生效</span>{%else /%}<span class="text-red">停用</span>{%/if%}</td>
        <td>
          {%$vo.content%}
        </td>
        <td>          
          <a href="javascript:;" title="修改密码" onclick="ST.todo('edit_pwd','{%$vo.id%}')"><i class="icon i-competence"></i></a>
          <a href="javascript:;" title="编辑用户" onclick="ST.todo('edit','{%$vo.id%}')"><i class="icon i-edit"></i></a>
          <a href="javascript:;" title="删除用户" onclick="ST.todo('del','{%$vo.id%}')"><i class="icon i-del"></i></a>
        </td>
      </tr>      
    {%/foreach%}
   {%/notempty%}
      </tbody>
    </table>  
    <h2 class="m20"></h2>
    <div class="paging">{%$page%}</div>
  <!--content-->
{%/block%}

{%block name="js"%}   
<script>
  $.extend(ST.ACTION, {
    'del': "{%:U('/admin/admin/deladmin')%}",//删除目录action地址
    'add': "{%:U('/admin/admin/saveadmin')%}",//添加目录弹窗地址
    'edit': "{%:U('/admin/admin/saveadmin')%}",//编辑目录弹窗地址
    'edit_pwd': "{%:U('/admin/admin/editadminpwd')%}"//编辑目录弹窗地址
  });
  $.extend(ST, {
    todoList: function () {
    },
    /**
     * 弹出添加窗口
     * @param id      数据id
     */
    add: function (id) {
      ST.editBox(ST.ACTION.add + '/id/' + id, {
        title: '添加角色',
        height: 500
      });
    },
    /**
     * 弹出编辑窗口
     * @param id      数据id
     */
    edit: function (id) {
      ST.editBox(ST.ACTION.edit + '/id/' + id, {
        title: '编辑角色',
        height: 500
      });
    },
    /**
     * 弹出编辑窗口
     * @param id      数据id
     */
    edit_pwd: function (id) {
      ST.editBox(ST.ACTION.edit_pwd + '/id/' + id, {
        title: '修改登录密码',
        height: 500
      });
    },
    /**
     * 执行AJAX删除操作后刷新页面
     * @param id      数据id
     */
    del: function (id) {
      ST.execAJAX({
        url: ST.ACTION.del,     //服务端请求地址
        params: {id: id},       //发送到服务端的参数（如：{myparam:1}）
        massage: '确定删除吗？',       //提示信息（仅hasconfirm为true时有用）
        hasconfirm: true,       //提交前是否显示确认框
        succFun: function (j) {  //成功后的回调方法：刷新页面
          if (!j) return;
          if (j.data && j.data.url) {
            location.href = j.data.url;
          } else {
            ST.reload();
          }
        }
      });
      //更多选项参见common.js execAJAX方法
    },
    //批量删除
    delAll: function (ids) {
      var ids = ST.getSelectedValue().join(',');
      if(!ids){
        ST.tipMsg('请至少选择一项');
      }else{
        ST.del(ids);
      }
    },
    //获得选中值
    getSelectedValue: function () {
      var $options = $('.js-toggleall-target:checked'), arr = [];
      $options.each(function () {
        arr.push($(this).val());
      });
      return arr;
    }
  });
  ST.init();
</script>
    {%/block%}